import Head from 'next/head';
import Examples from '../../../example-groups/RemoteFetchingExamples';

<Head>
  <title>{'Dynamic Columns Example - Material React Table V3 Docs'}</title>
  <meta
    name="description"
    content="An example of Material React Table which shows how to fetch remote data and generate columns dynamically"
  />
  <meta
    property="og:title"
    content="Dynamic Columns with Material React Table Example"
  />
  <meta
    property="og:description"
    content="An example of Material React Table which shows how to fetch remote data and generate columns dynamically"
  />
</Head>

## Dynamic Columns (Remote) Example

This example shows how to generate column definitions dynamically from remote data after first render using TanStack Query. You may need to manage the `columnOrder` state manually if doing this.

<Examples isPage />

View Extra Storybook **[Examples](https://www.material-react-table.dev/?path=/story/prop-playground--default)**
